<div id="padding_no_size" style="padding: 10px;">
</div>

<div id="padding_container_match_child" style="padding: 10px;">
  <div style="width: 10px; height: 10px;"></div>
</div>

<div id="padding_flex_child" style="width: 100px; height: 100px; padding: 10px;">
  <div style="width: 10px; flex-grow:1"></div>
</div>

<div id="padding_stretch_child" style="width: 100px; height: 100px; padding: 10px;">
  <div style="height: 10px;"></div>
</div>

<div id="padding_center_child" style="width: 100px; height: 100px; padding-start: 10px; padding-top: 10; padding-end: 20px; padding-bottom: 20px; align-items: center; justify-content: center;">
  <div style="height: 10px; width: 10px;"></div>
</div>

<div id="child_with_padding_align_end" style="width: 200px; height: 200px; justify-content: flex-end; align-items: flex-end;">
  <div style="width: 100px; height: 100px; padding: 20px;"></div>
</div>
